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Unit-1  Getting  Started  With  Flash 


Structure 

1.1  Introduction 

1.2  Objectives 

1.3  Contents 

1.3.1  What  is  Flash 

1.3.2  Getting  Started 

1.3.3  The  Components  Of  Flash 

1.4  Points  To  Remember 

1.5  Let  us  Sum  Up 

1.6  Glossary 

1.7  Check  Your  Progress 

1.8  Answers  To  Check  Your  Progress 


1.1  Introduction 


Flash  is  a  very  powerful  2D  Animation  software  which  is  used  both  for  the  web  and  cartoon  preparation. 
This  unit  covers  the  following  aspects  which  define  what  is  flash  and  after  using  it  how  it  is  beneficial  to  the 
individual  and  the  industry.  It  covers  the  Flash  Main  components,  drawing  modes,  tools  used  in  Flash  and 
what  are  their  roles. 


1.2  Objectives 


After  the  completion  of  this  unit  you  would  be  able  to: 

1.  Know  What  Flash  Is 

2.  Why  should  you  use  flash 

3.  The  various  careers  in  Flash 

4.  The  components  of  flash 
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1.3  Contents 


1.3.1  What  Is  Flash 


Flash  is  powerful  2  D  Animation  software  which  is  used  worldwide  for  various  purposes  which  include 

1.  2d  animation  in  the  film  industry 

2.  Components  in  web  designing 

3.  Advertisement  industry 

Features  of  flash  include 

1.  Designing  using  raster  graphics  and  vector  graphics 

2.  Quick  conversion  into  movies  in  various  formats  such  as  mov,swf,flv 

3.  Bringing  imagination  to  reality  within  a  short  span  of  time  as  a  movie  can  describe  more  than  many  pages 
could  describe  flash  movies  describe  everything  what  a  person  wants  to  communicate. 


1.3.2  Getting  Started 


Step-1 


Click  on  the  icon 


to  activate  Adobe  Flash  CS6 
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FI  File  Edit  Commands  Window  Help 


Essentials  -  P 


-  □ 


Adobe  FU 


Create  from  Template 

Create  New 

Learn 

Advertising 

^  ActionScript  3.0 

0  1.  Introducing  Flash  » 

^  AIR  for  Android 

^  ActionScript  2.0 

0  2.  Symbols  » 

^  Animation 

^  AIR 

0  3.  Timelines  and  Animation  » 

^  Banners 

^  AIR  for  Android 

0  4.  Instance  Names  » 

^  Media  Playback 

^  AIR  for  iOS 

j  0  5.  Simple  Interactivity  » 

^  Presentations 

^  Flash  Lite  4 

0  6.  ActionScript » 

t3  More... 

ActionScript  File 

0  7.  Working  with  Data  » 

"  Flash  JavaScript  File 

0  8.  Building  an  Application  » 

Open  a  Recent  Item 

*  Flash  Project 

0  9.  Publishing  for  Mobile  » 

^  scroll_text.fla 

ActionScript  3.0  Class 

0  10.  Publishing  for  AIR  » 

RECOVERJJntitl... 0516012001. fla 
^  layer_cut.fla 

"  ActionScript  3.0  Interface 

0  11.  Adobe  TV* 

^  fmd_replace.fla 

Extend 

©  Open... 

l2|  Flash  Exchange  » 

0  Getting  Started  » 
0  New  Features  » 
0  Developers  » 


Timeline  Motion  EdHoc  | 

a  □  i 
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Step-2 


FI 


Edit  Commands  Window  Help 


Essentials  - 


New... 

Ctrl+N 

Open... 

Ctrl+O 

Browse  in  Bridge 

Ctrl+Alt+O 

Open  Recent 

► 

Close 

Ctrl+W 

Close  All 

Ctrl+Alt+W 

Save 

Ctrl+S 

Save  As... 

Ctrl+Shift+S 

Save  as  Template... 

Save  All 

Import 

► 

Page  Setup... 

Print... 

Ctrl+P 

Send... 

Exit 

Ctrl+Q 

ate  New 
ActionScript  3.0 
ActionScript  2.0 
AIR 

AIR  for  Android 
AIR  for  iOS 
Flash  Lite  4 
ActionScript  File 
Flash  JavaScript  File 
Flash  Project 
ActionScript  3.0  Class 
ActionScript  3.0  Interface 

end 


Learn 

0  1.  Introducing  Flash  » 

Q  2.  Symbols  » 

0  3.  Timelines  and  Animation  » 
0  4.  Instance  Names  » 

0  5.  Simple  Interactivity  » 

0  6.  ActionScript » 

0  7.  Working  with  Data  » 

0  8.  Building  an  Application  » 
0  9.  Publishing  for  Mobile  » 

Q  10.  Publishing  for  AIR  » 

0  11.  Adobe  TV* 


£5  Open... 
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0  New  Features  » 
0  Developers  » 

Timeline  Motion  Editor 
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Step-3 


1.  Width  defines  the  width  of  the  stage. 

2.  Height  defines  the  height  of  the  stage. 

3.  Ruler  units  {Pixels,  Inches,  Inches(decimal), points,  Centimeters,  Millimeters} 

4.  Frame  rate  is  defined  as  24.0  fps  {*  fps  stands  from  frames  per  second  } 

5.  Background  color  defines  the  background  color  on  the  stage 

6.  Auto  save  helps  in  saving  the  document  automatically.  By  default  it  is  10  minutes 
Clicking  on  the  OK  Button 
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1.3.3  The  Components  Of  Flash 


The  components  of  flash  include  the  following 

1.  Menu  Bar 

2.  Tools  Palate 

3.  Docked  Panel 

4.  Stage 

5.  Library 

6.  Timeline 

7.  Current  Scene 

8.  Edit  Scene 

9.  Edit  Symbol 

10.  File  Name 
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1. 3.3.1  Menu  Bar 


1.  Menu  Bar:  -  The  main  menu  bar  in  Flash  Professional  is  full  of  options  and  commands  that  can  help 
you  work  effectively.  Components  of  Menu  Bar  are 


SI  No 

Components  Of  Menu  Bar 

1 

File 

2 

Edit 

3 

View 

4 

Insert 

5 

Modify 

6 

Text 

7 

Commands 

8 

Control 

9 

Debug 

10 

Window 

11 

Help 

1.1.  File  Menu 
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Close  All 

Ctrl+Alt+W 

Save 

Ctrl+S 

Save  As... 

Ctrl+Shift+S 

Save  as  Template,.. 

Checkin,,. 

Save  All 

Revert 

Import 

► 

Export 
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Publish  Settings... 

Ctrl+Shift+F12 

Publish  Preview 

► 

Publish 

Alt+Shift+F12 
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ActionScript  Settings.., 

File  Info,,. 
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Print... 

Ctrl+P 

Send... 

Exit 

Ctrl+Q 
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.SI.  No 

Menu  Name 

Short  Cut 

Job 

1 

New 

Ctrl  +  N 

Create  A  new  file. 

2 

Open 

Ctrl+  0 

Open  An  Existing  file 

3 

Browse  in  bridge 

Ctrl  +Alt  +0 

Open  An  Existing  File  in  Bridge 

4 

Open  Recent 

Open  A  Recent  File  prepared  by  Flash 

5 

Close 

Ctrl+W 

Close  current  Flash  File 

6 

Close  All 

Ctrl+Alt+W 

Close  All  Open  Flash  Files 

7 

Save 

Ctrl+S 

Saves  the  current  flash  file 

8 

Save  As 

Ctrl+Shift+S 

Saves  the  current  flash  file  in  another  format 

9 

Save  As  Template 

Saves  the  current  flash  file  as  a  template 

10 

Save  All 

Saves  all  the  open  documents 

11 

Import  To  Stage 

Ctrl+R 

Import  to  Stage  an  audio/image/animation 

12 

Import  To  Library 

Import  to  library  an  audio/image  /animation 

13 

Open  External 
library 

Import  symbols  from  external  library 

14 

Import  Video 

Import  video  to  stage 

15 

Export  image 

Export  image  to 

swf, fxg, bmp, jpg, jpeg, bmp, gif,png  formats 

16 

Export  Selection 

Export  the  selection  to  fxg  format 

27 

Export  Movie 

Ctrl+Alt+shift+s 

Exports  to  movie  to 
swf  movie  (.swf) 

Windows  avi(*.avi) 

Quicktime  (*.mov) 

Animated  Gif(*.gif) 

Wav  audio(*.wav) 

Jpeg  Sequence(*.jpeg) 

Gif  Sequence(*.gif) 

Png  sequence, (*. png) 

21 

Publish  settings 

Ctrl+Shift+fl2 

Set  the  publish  settings  such  as 

1.  Flash  SWF 

2.  HTML  Wrapper 

3.  Gif  Image 

4.  JPEG  Image 

5.  PNG  Image 

6.  Win  Projector 

7.  Mac  Projector 

22 

Publish  Preview 

Publish  preview  in  HTML, Flash 

23 

Publish 

Alt  +shift  +F12 

Publish  the  flash  file 

24 

Page  Setup 

Set  up  the  page  for  printing 

25 

Print 

Ctrl  +p 

Print  the  file 

26 

Exit 

Exit  the  application 
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1.2  Edit  Menu 


View  Insert  Modify 

Text  Commands 

Undo 

Ctrl+Z 

Redo 

Ctrl+Y 

Cut 

Ctrl+X 

Copy 

Ctrl+C 

Paste  in  Center 

Ctrl+V 

Paste  in  Place 

Ctrl+Shift+V 

Paste  Special... 

Clear 

Backspace 

Duplicate 

Ctrl+D 

Select  All 

Ctrl+A 

Deselect  All 

Ctrl+Shift+A 

Find  and  Replace 

Ctrl+F 

Find  Next 

F3 

Timeline 

► 

Edit  Symbols 

Ctrl+E 

Edit  Selected 

Edit  in  Place 

Edit  All 

Preferences... 

Ctrl+U 

FI  File 
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Edit :-  The  edit  menu  bar  is  used  to 


.Sl.no 

Menu  Name 

Short  Cut 

Job 

1 

Undo  Select 

Ctrl  +  Z 

Undo  selection 

2 

Repeat  Select 

Ctrl  +Y 

Redo  selection 

3 

Cut 

Ctrl  +X 

Cut  a  part  or  whole  of  drawing  object 

4 

Copy 

Ctrl  +C 

Copy  a  part  or  whole  of  drawing  object 

5 

Paste  in  Center 

Ctrl+V 

Pastes  in  the  center  of  the  file 

6 

Paste  in  Place 

Ctrl+shift+V 

Pastes  in  place  where  the  file  was  copied 

7 

Paste  Special 

Paste  special. 

8 

Clear 

Backspace 

Clears  the  selected  image 

9 

Duplicate 

Ctrl+D 

Used  to  duplicate  the  image  or  the  object  selected 

10 

Select  all 

Ctrl+A 

Used  to  select  all  the  objects  or  the  images  drawn 

11 

Deselect  all 

Ctrl+  Shift+A 

Used  to  deselect  the  images  or  the  objects 

12 

Find  And  Replace 

Ctrl  +  F 

Used  to  find  and  replace  the  following  in  the 

•  Text 

•  Font 

•  Color 

•  Symbol 

•  Sound 

•  Video 

•  Bitmap 

the  current  document  /current  scene 

13 

Find  Next 

F3 

Used  to  find  the  next 

•  Text 

•  Font 

•  Color 

•  Symbol 

•  Sound 

•  Video 

•  Bitmap 

the  current  document  /current  scene 

14 

Timeline  -> 

Remove  Frames 

Shift  +  F5 

Remove  the  selected  frames 

Timeline  ->Cut 

Frames 

Ctrl+Alt+X 

Cut  the  selected  frames 

Timeline->Copy 

Frames 

Ctrl  +Alt+C 

Copy  the  selected  frames 

Timeline->  Paste 

Frames 

Ctrl  +Alt+V 

Paste  the  cut  /copied  frames 

Timeline  ->  clear 

Frames 

Alt 

+Backspace 

Clear  the  selected  frames 

Timeline  ->Select 

All  Frames 

Ctrl  +Alt+A 

Select  All  Frames 

Timeline->Cut 

layers 

This  option  is  used  to  cut  layers 
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14 

Timeline  ->  Copy 
Layers 

This  option  is  used  to  copy  layers 

Time  line->Paste 
Layers 

This  option  is  used  to  paste  the  layers 

Timeline  -> 

Duplicate  Layers 

This  option  is  used  to  duplicate  the  layers 

Timeline->copy 

motion 

This  option  is  used  to  copy  the  motion  from  layer 
to  the  other  or  in  the  same  layer 

Timeline  ->  Paste 

Motion 

Paste  the  copied  motion. 

Timeline->Paste 
Motion  Special 

Paste  motion  with  some  additional  features 

15 

Edit  Symbols 

Ctrl  +E 

Used  to  edit  the  symbols 

16 

Edit  Selected 

Used  to  edit  the  selected  symbol 

17 

Edit  In  Place 

Used  to  edit  the  selected  symbol  in  place 

18 

Preferences 

Ctrl  +  U 

Used  to  change  the  preferences 

19 

Customize  tools 
panel 

Used  to  customize  the  tools  panel 

20 

Keyboard 

Shortcuts 

Used  to  find  the  keyboard  shortcuts 
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1.3  View  Menu 
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Ctrl+H 
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SI. No 

Menu  Name 

Short  Cut 

Job 

Go  To  ->First 

Go  to  first  scene 

Go  To  ->Previous 

Go  to  previous  scene 

Go  To  ->  Next 

Go  to  next  scene 

Go  To  ->Last 

Go  to  last  scene 

1 

Zoom  in 

Ctrl  += 

Used  to  zoom  in  the  scene 

2 

Zoom  out 

Ctrl  +  - 

Used  to  zoom  out  the  scene 

3 

Magnification 

Used  to  increase  and  decrease  the 
magnification  of  a  scene 

4 

Preview  Mode 

Different  modes  of  previewing  the  final  flash 
presentation 

5 

Pasteboard 

Used  to  hide  and  show  the  pasteboard 

6 

Rulers 

Ctrl  +alt+  shift 

+r 

Set  the  rules  of  the  scene 

7 

Grid 

Show  Grid 

Used  to  show  a  grid 

Edit  Grid 

Used  to  edit  a  grid  in  the  form  of  Color. 

8 

Guides 

Used  to  set  guides,  lock  guides  and  unlock 
guides 

9 

Snapping 

Snap  align 

Snaps  to  alignment  of  another  object 

Snap  to 
grid 

Ctrl+Shift+' 

Snaps  to  grid 

Snap  to 
guides 

Ctrl+shift+; 

Snaps  to  the  guides  defined 

Snap  to 
pixels 

Snaps  to  the  nearest  pixels 

Snap  to 
objects 

Ctrl+Shift+/ 

Snaps  to  objects 

Edit 

snapping 

Ctrl+/ 

Helps  in  editing  snapping 
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1.4  Insert  Menu 


FI  File  Edit  View  Insert  |  Modify  Text  Commands  Control  Debug  Window  Help 


Essentials  - 


_  □ 


Untitled -1  x 
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Scene  1 


New  Symbol... 

Ctrl+F8 

Motion  Tween 

Shape  Tween 
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Timeline 
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Scene 

Fit  in  Window 
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Publish  Settings... 


Target:  Flash  Player  11.2 
Script: 


ActionScript  3.0 
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SI. No 

Menu  Name 

Short  Cut 

Job 

1 

New  symbol 

Ctrl  +  F8 

This  option  is  used  to  create  a  new  symbol 

2 

Motion  tween 

Ctrl  +  - 

Used  to  create  a  motion  tween 

3 

Shape  tween 

Used  to  create  a  shape  tween 

4 

Classic  tween 

Used  to  create  a  classic  tween 

5 

Insert  - 

>timeline 

Layer 

Used  to  insert  a  layer 

Layer  Folder 

Used  to  insert  a  layer  folder 

Frame 

Used  to  insert  a  frame  in  a  timeline 

Key  frame 

Used  to  insert  a  key  frame  in  a  timeline 

Blank  Key 
frame 

F5 

Used  to  insert  a  blank  key  frame  in  a  timeline 

6 

lnsert->scene 

Used  to  insert  a  scene 
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1.5  Modify  Menu 


FI  File  Edit  View  Insert 


Untitled-1  x 
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Modify  Text  Commands  Control  Debug  Window  Help 


Document... 

Ctrl+J 
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F8 
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Bitmap 

► 
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Transform 
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► 

Align 

► 

Group 
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Ctrl+Shift+G 
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Menu  Name 

Short  Cut 

Job 

1 

Modify  the  document 

Ctrl  +  J 

This  option  is  used  to  change  the 
document  settings 

2 

Convert  To  Symbol 

F8 

Converts  a  bitmap  to  a  symbol 

3 

Convert  To  Bitmap 

Converts  a  symbol  to  a  bitmap 

4 

Break  Apart 

Ctrl+B 

Converts  a  symbol  to  a  bitmap 

5 

Swap  Bitmap 

This  option  is  used  to  swap  the  image  in 
the  library  with  the  bitmap  on  the  stage 

6 

Trace  Bitmap 

Converts  the  image  on  the  stage  to  a 
vector  object. 

7 

Swap  symbol 

This  option  is  used  to  swap  a  symbol  on 
the  stage  with  another  on  the  library 

8 

Combine  objects  ->Union 

This  option  is  used  to  make  a  union  of  2 
objects 

9 

Combine  objects  -intersect 

This  option  is  used  to  intersect  2  objects 

10 

Combine  objects->  Punch 

This  option  is  used  to  punch  an  object 
over  the  other 

11 

Combine  objects->  Crop 

This  option  is  used  to  crop  the  section 
where  the  two  objects  intersect. 

12 

Timeline->Distribute  To 

Layers 

Ctrl+Shift+D 

Distribute  drawn  objects  to  layers 

12 

Timeline  ->Layer  Properties 

This  option  is  used  to  change  the  layer 
properties  such  as  normal,  mask,  and 
folder,  guides,  guided. 

13 

Reverse  Frames 

Reverse  the  motion  tween  or  animation 

14 

Convert  to  key  frames 

F6 

This  option  is  used  to  convert  all  frames 
Within  the  selection  to  key  frames 

15 

Clear  Key  frame 

Shift+F6 

Used  to  clear  a  key  frame 

16 

Transform  ->  Free  Transform 

Used  to  use  the  free  transform  tool 

17 

Transform  ->Distort 

Used  to  distort  an  image 

18 

Transform->Envelop 

Used  to  envelop  a  bitmap  so  that  it  can 
be  modified 

19 

Transform->Scale 

Used  to  scale  a  bitmap  or  an  object 

20 

Transform->Rotate  And  Skew 

Used  to  rotate  and  skew  a  bitmap  or  an 
object. 

21 

Transform->Scale  and  rotate 

Ctrl+  Alt+  S 

This  option  is  used  to  scale  and  rotate 

22 

Transforms  Rotate  90°  CW 

Ctrl+Shift+9 

Rotate  an  object  by  90°  CW 

23 

TransformsRotate  90°  CCW 

Ctrl+Shift+7 

Rotate  an  object  by  90°  CCW 

24 

Transform  ->Flip  Vertical 

Flip  vertically  across  the  X  axis 

25 

TransformsFlip  Horizontal 

Flip  horizontally  across  Y  axis 

26 

TransformsRemove 

Transform 

Ctrl+Shift+Z 

Used  to  remove  transformation. 

27 

Arrange  ->  Bring  To  Front 

Ctrl+Shift+up 

Brings  to  front  the  object  that  was  behind 

Arrange  ->  Bring  Forward 

Ctrl+Up 

Brings  forwards  the  object  that  was 
behind 

Arrange  ->Send  Backward 

Ctrl+Down 

Sends  backward  the  object  that  was  in 
the  front 
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Arrange->Send  To  Back 

Ctrl+shift+Down 

Sends  backward  the  object  that  was  in 
the  front  or  in  the  middle  of  2  objects 

Lock 

Ctrl+alt+L 

Locks  the  object  or  the  bitmap  image  so 
that  it  cannot  be  sent  forward  of 

backward 

Arrange  ->  Unlock  All 

Ctrl+alt+Shift+L 

Unlock  all  locked  bitmap  images  /Objects. 

28 

Align  ->  Left 

Ctrl+Alt+l 

Aligns  the  selected  object  left 

Align  ^Horizontal  Center 

Ctrl+Alt+2 

Aligns  the  selected  object  horizontal 

Center 

Align  ->  Right 

Ctrl+Alt+3 

Aligns  the  selected  object  right 

Align->  Top 

Ctrl+Alt+4 

Aligns  the  selected  object  top 

Align  ->Vertical  Center 

Ctrl+Alt+5 

Aligns  the  selected  object  vertical  center 

Align->Bottom 

Ctrl+Alt+6 

Aligns  the  selected  object  bottom 

Align->  Distribute  Widths 

Ctrl+Alt+7 

Distributes  the  widths  of  the  selected 
objects 

Align  -  >  Distribute  Heights 

Ctrl+Alt+9 

Distributes  the  heights  of  the  selected 
objects 

Align  ->  Make  the  same 
width 

Ctrl+  Alt+  Shift+ 

7 

Makes  the  selected  objects  of  the  same 
width 

Align->  Make  the  same 
height 

Ctrl+  Alt+  Shift+ 

9 

Makes  the  selected  objects  of  the  same 
height 

Align  to  stage 

Ctrl  +Alt  +8 

Aligns  to  stage 

29 

Group 

Ctrl  +  G 

Group  2  bitmaps  or  two  objects 

30 

Ungroup 

Ctrl  +Shift  +G 

Ungroup  2  bitmaps  or  2  objects 
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1.6  Text  Menu 


Essentials  *  P 
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H  Scene  1 


Timeline  Motion  Editor 


Font 

► 

Size 

► 
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► 
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Letter  Spacing 

► 
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Check  Spelling,.. 

Spelling  Setup... 

Font  Embedding... 
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SI. No 

Menu  Name 

Short  Cut 

Job 

1 

Font 

This  option  is  used  to  set  the  Font 

2 

Size 

This  option  is  used  to  set  the  size 

3 

Style 

This  option  is  used  to  set  the  style  of  the  font 

4 

Align 

This  option  is  used  to  set  the  alignment  of  the  text 

5 

Letter  Spacing 

This  option  is  used  to  set  the  letter  spacing  of  the 
text 

6 

Check  spelling 

This  option  is  used  to  check  the  spelling 

7 

Spelling  Setup 

This  option  is  used  to  set  the  spelling  checkup 

8 

Font  Embedding 

This  option  is  used  for  font  embedding 
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1.7  Controls  Menu 
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SI. No 

Menu  Name 

Short 

Cut 

Job 

1 

Play 

Enter 

This  option  is  used  to  test  the  scene 

2 

Rewind 

Shift+, 

This  option  is  used  to  rewind  the  scene 

3 

Go  To  End 

Shift+  . 

This  option  is  used  to  go  to  the  end  of  the  scene 

4 

Step  Forward  One 

Frame 

This  option  is  used  to  step  forward  one  frame  on  the 
timeline  in  a  scene 

5 

Step  Backward  One 

Frame 

This  option  is  used  to  step  backward  one  frame  on  the 
timeline  in  a  scene 

6 

Test 

Movie 

Flash 

Professional 

This  option  is  used  to  test  the  movie  in  flash 
professional 

This  option  is  used  to  test  the  movie  in  Browser 

7 

Test  Scene 

This  option  is  used  to  test  the  scene 

8 

Clear  publish  cache 

This  option  is  used  to  clear  the  publish  cache 

9 

Clear  publish  cache  and 
test  movie 

This  option  is  used  to  clear  the  publish  cache  and  test 
movie. 

10 

Play  all  Scenes 

This  option  is  used  to  play  all  scenes 

1.8  Window  Menu 
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Movie  Explorer 

Alt+F3 
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Ctrl+K 
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Info 

Ctrl+I 
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SI. No 

Menu  Name 

Short 

Cut 

Job 

1 

Duplicate  Window 

Ctrl  +alt 
+k 

This  option  is  used  to  test  the  scene 

2 

Toolbars 

Used  to  activate  the  toolbars  {Main,  controller,  edit  bar} 

3 

Timeline 

Ctrl  +alt 

+T 

Used  to  activate  the  timeline  of  Flash 

4 

Tools 

Activates  the  tools  menu  of  Flash 

5 

Properties 

Activates  the  properties  menu  of  Flash 

6 

Library 

Activates  the  Library  panel  of  Flash 

7 

Common  Libraries-> 
sounds 

Used  to  drag  the  sounds  from  external  library  to  stage 

7 

Motion  Presets 

Activates  the  Motion  Presets 

8 

Color 

Used  to  activate  the  color  menu 

9 

Info 

Used  to  activate  the  info  menu 

10 

Swatches 

Ctrl+F9 

Used  to  activate  the  swatches 

11 

Transform 

Ctrl+T 

Used  to  transform  the  selected  object 

12 

Components 

Used  to  view  the  components 

13 

Other  panels  ->Scene 

Used  to 

>  add  a  scene, 

>  delete  a  scene 

>  rename  a  scene, 

>  swap  a  scene  and 

>  rename  a  scene 

1.9  Help  Menu 

Used  for  online  help 
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1.3. 3.2  Tools  Palate 


2.  Tools  Palate:  -  A  collection  of  tools  used  to  draw,  design,  and  manipulate  the  image  or 
object  drawn  or  imported  to  stage. 


SI. No 

Tool  Image 

Tool  Name 

Tool  Description 

1 

Selection  Tool 

Select  an  image 

2 

Sub  Selection  Tool 

Alter  an  image  both  in  shape 
and  size 

3 

Free  Transform  Tool 

Freely  change  the  shape  and 
size  of  the  image 

4 

HI-* 

-1. 

Gradient  Transform  Tool 

Used  to  change  the  gradient  of 
the  colour. 

5 

3  D  Rotation  Tool 

Rotate  an  image  in  3D 

6 

' 

£ 

3  D  Translation  Tool 

Change  the  image  translation 
in  3D 

7 

P 

Lasso  Tool 

Take  away  the  whole  /part  of 
the  image  to  paste  in  the 
current  layer  or  the  new  layer. 

8 

:Nen  Tool  (P) 

Pen  Tool 

Used  to  design  a  graphic  art. 

9 

Add  Anchor  Point  Tool  {=) 

Add  Anchor  Point  Tool 

Used  to  add  an  anchor  point 
on  a  line  drawn  by  2  points 
by  the  pen  tool 

10 

[\  Convert  Anchor  Point  Tool  :[C) 

Covet  Anchor  Point  Tool 

Used  to  covet  an  anchor  point 

11 

T 

Text  Tool 

Used  to  write  text 

12 

\ 

Line  Tool 

Used  to  draw  a  line 

13 

_ |  Rectangle  Tool  (R) 

Rectangle  Tool 

Used  to  draw  a  rectangle 

14 

Oval  Tool  (0) 

Oval  Tool 

Used  to  draw  an  elliptical  or 
circle 

15 

, _ [  Rectangle  Primitive  Tool  [R) 

Rectangle  Primitive  Tool 

Used  to  draw  a  Primitive 
Rectangle 

16 

Oval  Primitive  Tool  [0) 

Oval  Primitive  Tool 

Used  to  draw  an  oval 
primitive. 

17 

O  PolyStarTool 

PolyStar  Tool 

Used  to  draw  a  PolyStar 

18 

Pencil  Tool 

Used  to  draw  using  pencil  tool 

19 

Brush  Tool  (B) 

Brush  Tool 

Used  to  draw  using  brush  tool 

20 

@1 

Spray  Brush  Tool  [B) 

Spray  Brush  Tool 

Used  to  spray  paint 

21 

& 

Deco  Tool 

Used  to  draw  design  patterns 
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22 

qjP3  BoneTool(M) 

Bone  Tool 

Used  to  create  animation 
using  bone  tool. 

23 

y  Bind  Tool  (M) 

Bind  Tool 

Used  to  bind  the  bones 

Of  a  structure  done  using 
bone  tool. 

24 

Paint  Bucket  Tool  (K)  j 

Paint  Bucket  tool 

Fill  a  drawn  structure  with 
paint 

25 

Ink  Bottle  Tool  (S) 

Ink  Bottle  Tool 

Used  to  fill  the  strokes  in 

flash 

26 

Eye  Dropper  Tool 

Used  to  pick  a  color  from 
color  swatches 

27 

& 

Eraser  Tool 

Erase  the  image 

28 

u 

Faucet  Tool 

Used  to  erase  the  inner  fill 
of  the  image 

29 

a 

Hand  Tool 

Used  to  move  across  the 
image 

30 

A 

Zoom  tool 

Used  to  zoom  in  and  zoom 

out 

31 

kl 

Zoom  in  tool 

32 

-a 

Zoom  out  tool 

33 

A 

□ 

Stroke  Color 

The  color  at  the  edge  of 
the  shape 

33 

Fill  Color 

The  color  that  fills  the 
shape. 

34 

■j 

Black  And  White 

Converts  shape  to  black 
and  white 

35 

s> 

Swap  Colors 

Swap  black  and  white 
colors 

36 

SI  BS 

Snap  To  Objects 

Snaps  to  the  nearest  object 
such  as  lines 

37 

□ 

Object  drawing  mode 

Set  to  object  drawing 
mode  or  merged  mode 
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1.3. 3.4  Docked  Panel 


.  A  docked  Panel  is  a  collection  of  panels  or  panel  groups  displayed  together,  generally  in 
a  vertical  orientation.  You  dock  and  undock  panels  by  moving  them  into  and  out  of  a  dock. 
To  dock  a  panel,  drag  it  by  its  tab  into  the  dock,  at  the  top,  bottom,  or  in  between 
other  panels.  The  components  of  docked  panel  are 


SI  No 

Tool  Image 

Tool  Name 

Tool  Description 

Docked  Panel 

1 

Colors 

Used  to  pick  colors 

2 

EH 

mn 

Color  Swatches 

Used  to  pick  colors  from 
color  swatches 

3 

i- 

Align  Tool 

Align  a  shape  or  a  text 

4 

Info  Tool 

Information  about  the 
width  and  height ,  X  and  Y 
arises. 

1.3.3. 5  Stage 


The  Stage  and  accompanying  work  area  in  Flash  Professional  are  where  all  of  the  visual  creation, 
manipulation,  and  animation  take  place. 


1.3.3.6  Library 


The  library  in  animate  document  stores  media  assets  that  you  create  in  the  Animate  authoring 
environment  or  import  to  use  in  the  document. 


1.3.3.7  Timeline 

3.  Timeline:  -  The  timeline  is  an  important  part  of  the  program,  and  can  be  used  to  animate 
either  by  hand  and/or  with  Action  Script.  The  timeline  represents  all  frames  of  an  animation; 
more  frames  means  a  longer  animation,  less  frames  means  a  shorter  animation. 


1.3.3.8  Current  Scene 


Shows  current  scene.  Scenes  can  be. 

1 .  Added 

2.  Deleted 
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3.  Renamed 

4.  Sequenced 

5.  Swapped 

6.  Duplicated 

To  use  the  scenes  follow  the  following  steps 


Step-1 
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Step-2 


ADD 


DUPLICATE 


DELETE 


/ 


DOUBLE  CLICK  TO  RENAME 


DRAG  UP  AND  DOWN  TO  SWAP  SCENES 
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Important  Note:  -  A  flash  file  can  comprise  of  one  or  more  than  one  scene.  A  scene  is 
comprised  of  timeline.  A  timeline  is  comprised  of  one  or  more  layers.  A  layer  is  comprised  of 
frames.  To  insert  a  new  frame,  select  Insert  >  Timeline  >  Frame  (F5). 


FI  File  Edit  View  Insert  Modify  Text  Commands  Control  Debug  Window  Help 


e  m  o 


EDIT  MULTIPLE  FRAMES 


10:08  PM 
3/20/2016 


Frame  :-  In  video  or  film  editing,  a  flash  frame  is  a  very  short  shot 

Frames  are  classified  into 

a)  Key  Frames 

b)  Blank  Key  Frames 


a)  Key  Frame  A  Key  frame  is  a  frame  in  the  Timeline  where 
something  new  appears.  All  new  objects  need  a  Key  frame.  A  Key 
frame  is  represented  by  a  solid  dot  in  the  Timeline. 
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The  Black  dots  are  the  Key  frames  r 

b)  Blank  Key  Frames  -  These  are  Key  frames  that  do  not  yet  have  an 
object.  Empty  key  frames  are  denotes  by  a  small  circle  in  the 
Timeline: 
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A  series  of  empty  Keyframes  in  the  Timeline, 


1.3.3.8  Edit  Scene 


8  Edit  Scene  This  option  is  used  to  edit  a  scene  .  The  scene  can  be  edited  by  adding, 
deleting,  editing  the  drawn  images  in  merged  mode  and  object  mode.  This  involves 
conversion  of  a  merged  mode  into  object  mode  and  object  mode  into  merged  mode  which 
we  shall  be  discussing  in  the  coming  units.  It  also  involves  deleting  a  part  of  the  merged 
object  which  we  shall  be  covering  in  the  coming  units. 


1.3.3.9  Edit  Symbol 


9  Edit  Symbol this  option  is  used  to  edit  a  symbol  in  the  scene  which  we  shall  be  covering  in 
the  coming  units. 

1.3.3.10  File  Name 


10  File  Name  This  option  is  used  to  define  the  name  of  the  file 
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1.4  Points  To  Remember 


>  Components  of  Flash 

>  Various  kinds  of  frames 


1.5  Glossary 

>  Sequenced  Keeping  it  one  after  the  other 

>  Swap  Changing  the  order 

>  Symbol:  -  Any  object  that  is  stored  in  your  Flash  Library  is  called  a  Symbol. 

>  JPEG  Joint  Photographic  Experts  Group 

>  BMP:-  Bitmap. 

>  GIF  Graphics  Interchange  Format 

>  SWF:- Shock  Wave  Flash 

>  MOV  :-  Quicktime  Movie 

>  WAV  :-  Waveform  Audio  File  Format 

>  PNG  :-  Portable  Network  Graphics 

>  AVI  :-  Audio  Video  Interleaved 

>  FXG:- Flash  XML  Graphics 

>  FLV:- Flash  Video 

>  Win  Projector :-  This  format  is  used  to  distribute  animations  to  computers  which  have 
windows  operating  system  but  do  not  have  flash  at  all. 

>  Mac  Projector :-  This  format  is  used  to  distribute  animations  to  computers  which  have 
MAC  operating  system  but  do  not  have  flash  at  all. 


1.6  Check  Your  Progress 


1.  What  are  the  10  components  of  Flash? 

2.  What  are  the  components  of  Tools  Palate? 

3.  What  is  a  timeline? 

4.  What  is  a  frame? 
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1.7  Let  Us  Sum  Up 


In  this  unit  we  have  learnt 

1.  What  is  flash 

2.  How  to  start  flash 

3.  What  are  the  components  of  Flash 

4.  What  is  a  scene 

5.  What  is  timeline 

6.  What  are  frames 


1.8  Answers  To  Check  Your  Progress 


1.  The  10  components  of  Flash  are 

>  Menu  Bar 

>  Tools  Palate 

>  Docked  Panel 

>  Stage 

>  Library 

>  Timeline 

>  Current  Scene 

>  Edit  Scene 

>  Edit  Symbol 

>  File  Name 
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2.  The  Components  of  Tool  Palate  Are 


SI. No 

Tool  Image 

Tool  Name 

Tool  Description 

1 

Selection  Tool 

Select  an  image 

2 

Sub  Selection  Tool 

Alter  an  image  both  in  shape 
and  size 

3 

Free  Transform  Tool 

Freely  change  the  shape  and 
size  of  the  image 

4 

T=r 

- — 

Gradient  Transform  Tool 

Used  to  change  the  gradient  of 
the  colour. 

5 

3  D  Rotation  Tool 

Rotate  an  image  in  3D 

6 

,  k 

3  D  Translation  Tool 

Change  the  image  translation 
in  3D 

7 

P 

Lasso  Tool 

Take  away  the  whole  /part  of 
the  image  to  paste  in  the 
current  layer  or  the  new  layer. 

8 

b  F 

:,en  Tool  (P) 

Pen  Tool 

Used  to  design  a  graphic  art. 

9 

$ 

'  Add  Anchor  Point  Tool  {=) 

Add  Anchor  Point  Tool 

Used  to  add  an  anchor  point 
on  a  line  drawn  by  2  points 
by  the  pen  tool 

10 

h 

Convert  Anchor  Point  Tool  [C) 

Covet  Anchor  Point  Tool 

Used  to  covet  an  anchor  point 

11 

T 

Text  Tool 

Used  to  write  text 

12 

\ 

Line  Tool 

Used  to  draw  a  line  using  line 
tool 

13 

_ |  Rectangle  Tool  (R) 

Rectangle  Tool 

Used  to  draw  a  rectangle 

14 

o 

Oval  Tool  [0) 

Oval  Tool 

Used  to  draw  an  elliptical  or 
circle  tool 

15 

I _ [  Rectangle  Primitive  Tool  (R) 

Rectangle  Primitive  Tool 

Used  to  draw  a  Primitive 
Rectangle  tool 

16 

3 

Oval  Primitive  ool  (0) 

Oval  Primitive  Tool 

Used  to  draw  an  oval  primitive 
tool 

17 

O  Poly  Star  Tool! 

PolyStar  Tool 

Used  to  draw  a  PolyStar 

18 

J 

Pencil  Tool 

Used  to  draw  using  pencil  tool 

19 

Brush  Tool  (B) 

Brush  Tool 

Used  to  draw  using  brush  tool 

20 

@1 

Spray  Brush  Tool  {B) 

Spray  Brush  Tool 

Used  to  spray  paint 

21 

Deco  Tool 

Used  to  draw  design  patterns 

22 

^  BoneTool(M) 

Bone  Tool 

Used  to  create  animation 
using  bone  tool. 
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23 

^  3  nd  boll  {M) 

Bind  Tool 

Used  to  bind  the  bones 

Of  a  structure  done  using 
bone  tool. 

24 

Paint  Bucket  Tool  (K)  j 

Paint  Bucket  tool 

Fill  a  drawn  structure  with 
paint 

25 

Ink  Bottle  Tool  {5) 

Ink  Bottle  Tool 

Used  to  change  the 
strokes  in  flash 

26 

Eye  Dropper  Tool 

Used  to  pick  a  color  from 
color  swatches 

27 

& 

Eraser  Tool 

Erase  the  image 

28 

u 

Faucet  Tool 

Used  to  erase  the  inner  fill 
of  the  image 

29 

Si 

Hand  Tool 

Used  to  move  across  the 
image 

30 

A 

Zoom  tool 

Used  to  zoom  in  and  zoom 

out 

31 

hi 

Zoom  in  tool 

32 

Zoom  out  tool 

33 

□ 

Stroke  Color 

The  color  at  the  edge  of 
the  shape 

33 

Fill  Color 

The  color  that  fills  the 
shape. 

34 

■j 

Black  And  White 

Converts  shape  to  black 
and  white 

35 

3J> 

Swap  Colors 

Swap  black  and  white 
colors 

36 

im 

!  B  SB 

Snap  To  Objects 

Snaps  to  the  nearest  object 
such  as  lines 

37 

□ 

Object  drawing  mode 

Set  to  object  drawing 
mode 

3.  Timeline:  -  The  timeline  is  an  important  part  of  the  program,  and  can  be  used  to 
animate  either  by  hand  and/or  with  Action  Script.  The  timeline  represents  all  frames  of 
an  animation;  more  frames  means  a  longer  animation,  less  frames  means  a  shorter 
animation. 

4.  Frame  :-  In  video  or  film  editing,  a  flash  frame  is  a  very  short  shot 

Frames  are  classified  into 


c)  Key  Frames 

d)  Blank  Key  Frames 
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c)  Key  Frame:  -  A  Key  frame  is  a  frame  in  the  Timeline  where 
something  new  appears.  All  new  objects  need  a  Key  frame.  A  Key 
frame  is  represented  by  a  solid  dot  in  the  Timeline. 
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The  Black  dots  are  the  Keyframes. 


d)  Blank  Key  Frames:  -  These  are  Key  frames  that  do  not  yet  have  an 
object.  Empty  key  frames  are  denotes  by  a  small  circle  in  the 
Timeline: 
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A  series  of  empty  Keyframes  in  the  Timeline. 


ODISHA  STATE  OPEN  UNIVERSITY,  SAMBALPUR 


BLOCK-1  UNIT  -1 


33 


